<!DOCTYPE html>
<html>
<head>
<title><g:layoutTitle default="Home" /></title>
<g:javascript src="jquery-1.11.2.min.js"></g:javascript>
<g:javascript src="bootstrap.min.js"></g:javascript>
<g:javascript src="jssor.slider.mini.js"></g:javascript>
<g:javascript src="layouts/default/common.js"></g:javascript>
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap.min.css')}"
	type="text/css">
<link rel="stylesheet"
	href="${resource(dir: 'css/layouts/default', file: 'layout.css')}" type="text/css">
<style type="text/css">
</style>
<g:layoutHead />
</head>
<body>
	<div id="t-wrapper">
		<div id="t-slider" style="position: relative; top: 0px; left: 0px; width: 1000px; height: 350px;">
			<div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1000px; height: 350px;">
	        	<div><img u="image" src="${resource(dir: 'images/main-slider', file: 'building-1.jpg')}" /></div>
	        	<div><img u="image" src="${resource(dir: 'images/main-slider', file: 'building-2.jpg')}" /></div>
	    	</div>
	        <div u="navigator" class="jssorb10" style="position: absolute; bottom: 16px; right: 16px;">
	            <div u="prototype" style="position: absolute; width: 11px; height: 11px;"></div>
	        </div>
		</div>
		<div id="t-mainMenu">
			<ul class="menuList">
				<li class="menuItem active">
					Home
				</li>
				<li class="menuItem">
					Good Deals
				</li>
				<li class="menuItem">
					Apartment Details
				</li>
				<li class="menuItem">
					News
				</li>
				<li class="menuItem">
					Contact
				</li>
			</ul>
		</div>
		<div id="t-mainBody">
			<div id="t-additionInfo">
				<div class="infoSection">
					<div class="infoSectionHeader">Login</div>
					<div class="infoSectionContent">
						<p>a</p>
					</div>
				</div>
				<div class="infoSection">
					<div class="infoSectionHeader">Project Advisory</div>
					<div class="infoSectionContent">
						<p>a</p>
					</div>
				</div>
				<div class="infoSection">
					<div class="infoSectionHeader">Distribution Center</div>
					<div class="infoSectionContent">
						<img u="image" src="${resource(dir: 'images', file: 'logo.png')}" />
					</div>
				</div>
				<div class="infoSection">
					<div class="infoSectionHeader">Furniture</div>
					<div class="infoSectionContent">
						<p>a</p>
					</div>
				</div>
				<div class="infoSection">
					<div class="infoSectionHeader">Planning Apartment Layout</div>
					<div class="infoSectionContent">
						<p>a</p>
					</div>
				</div>
			</div>
			<div id="t-mainContent">
				<g:layoutBody/>
			</div>
			<div class="t-shim"></div>
		</div>
		<div id="t-footer">
			Copyright © WaLogger 2015. All rights reserved.
		</div>
	</div>
	<div id="loading-status" class="hidden">
		<img width="60" height="64" alt="Please wait..."
			src="${resource(dir: 'images', file: 'loading-status.gif')}">
	</div>
</body>
</html>